<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
			本地存储：是相对于数据库涞水的，是把个人的数据储存到个人设备上
			h5中的新特性
			
		1.本地存储：localStorage
		
		存储方法：localStorage.setItem("键"，"值")
		如果不纯在则实现新增功能，如果存在则实现修改功能
		读取方法：localStorage.getItem("键"，"值")
		删除方法：localStorage.removeItem("键")
		
		
		
		2.会话存储：sessionStorage
		h5新特性，通过js操作。特点：浏览器关闭会立马消失
		存储方法：sessionStorage.setItem("键"，"值")
		如果不纯在则实现新增功能，如果存在则实现修改功能
		读取方法：sessionStorage.getItem("键"，"值")
		删除方法：sessionStorage.removeItem("键")
		
		
		
		
		3.cookie：可以通过前台也可以通过后台来设置读取，
		数据是个人设备上的存储数据，cookie，会在访问时
		自动发送给后台
		前台设置cookie：document.cookie="键=值；expires=有效期;path=路径"
		获取cookie：document.cookie 得到的是字符串的形式的cookie值
		
			
			
		三种方法读取的数据如果不存在返回null	
		-->
	</head>
	<body>
	</body>
	<script src="jquery-1.10.1.min.js"></script>
	<script>
		////		localStorage.setItem("username","小红");
		////	    var res = localStorage.getItem("username")
		////	    console.log(res);
		// 
		//      sessionStorage.setItem("pwd",'123')
		//      var res  = sessionStorage.getItem("pwd");
		//      console.log(res);
		//      document.cookie= "name=zhangteng;age=13"

       var obj = {
       	 name:"zhangteng",
       	 age:20,
       	 phone:2345678236578
       }
      
      var str = JSON.stringify(obj);
      console.log(str);

    var  userInfo = localStorage.setItem("username",str)
    console.log(userInfo)
	</script>
</html>
